<div style="min-width:1109px;">
  <nz-breadcrumb class="breadcrumb-pos">
    <i nz-icon type="link" theme="outline" style="color:#1890FF;padding-right:4px"></i>
    <nz-breadcrumb-item>
      <a routerLink="/main/signlist">合同管理</a>
    </nz-breadcrumb-item>
    <nz-breadcrumb-item>
      合同详情
    </nz-breadcrumb-item>
  </nz-breadcrumb>
  <div class="form-div">
    <div class="add_btn">
      <button nz-button style="float:left;" nzType="primary" style="margin-bottom: 1px;"
        routerLink="/main/signlist">返回</button>
      <button nz-button style="float:right;" (click)="exportOut()">导出Excel</button>
    </div>
    <table>
      <tr>
        <td>
          <h4 class="extra-td">
            <div style="text-align: center">设备合同</div>
            <div style="text-align: right;padding-right: 6px;font-size: 12px;color: #666;">合同单号：{{bean[0].number}}
            </div>
          </h4>
        </td>
      </tr>
      <tr>
        <td>
          <div>客户公司名称：</div>
          <div>{{userinfo[0].companyName}}</div>
        </td>
        <td>
          <div>客户联系人：</div>
          <div>{{userinfo[0].name}}</div>
        </td>
        <td>
          <div>客户电话：</div>
          <div>{{userinfo[0].tel?userinfo[0].tel:"-"}}</div>
        </td>
      </tr>
      <tr>
        <td style="text-align:left;margin-left:10%;">客户地址：{{userinfo[0].address?userinfo[0].address:"-"}}
        </td>
      </tr>
      <tr>
        <td>
          <div>服务商名称：</div>
          <div>{{merchant[0].name}}</div>
        </td>
        <td>
          <div>联系人：</div>
          <div>{{acount[0].name}}</div>
        </td>
        <td>
          <div>电话：</div>
          <div>{{merchant[0].tel?merchant[0].tel:"-"}}</div>
        </td>
      </tr>
      <tr>
        <td style="text-align:left;margin-left:10%;">
          服务商地址：{{province[0]?province[0].name:"-"}}-{{city[0]?city[0].name:"-"}}-{{district[0]?district[0].name:"-"}}
        </td>
      </tr>
      <tr>
        <td>
          <div>合同起止日期：</div>
          <div>{{bean[0].signedBegin?bean[0].signedBegin.slice(0,10):"-"}}—{{bean[0].signedEnd?bean[0].signedEnd.slice(0,10):"-"}}</div>
        </td>
        <td>
          <div>结算周期：</div>
          <div>{{bean[0].payTypeStr}}
          </div>
        </td>
        <td>
          <div>合同状态：</div>
          <div>{{bean[0].statusStr}}
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div>设备名称：</div>
          <div>{{printer[0].name}}</div>
        </td>
        <td>
          <div>品牌型号：</div>
          <div>{{printer[0].brandName}}/{{printer[0].typeCode}}</div>
        </td>
        <td>
          <div>Mac：</div>
          <div>{{printer[0].mac?printer[0].mac:"-"}}</div>
        </td>
      </tr>
      <tr>
        <td style="text-align:left;margin-left:10%;">存放地址：{{printer[0].printerLocation?printer[0].printerLocation:"-"}}</td>
      </tr>
      <tr>
        <td>
          <div>套餐金额：</div>
          <div>{{bean[0].setMealMoney}} 元</div>
        </td>
        <td>
          <div>黑白送量：</div>
          <div>{{bean[0].coloursPresented?bean[0].blackPresented:"-"}} 张</div>
        </td>
        <td>
          <div>彩色送量：</div>
          <div>{{bean[0].coloursPresented?bean[0].coloursPresented:"-"}} 张</div>
        </td>
      </tr>
      <tr>
        <td>
          <div>设备押金：</div>
          <div>{{bean[0].cashPledge}} 元</div>
        </td>
        <td>
          <div>黑白单价：</div>
          <div>{{bean[0].blackUnit}} 元</div>
        </td>
        <td>
          <div>彩色单价：</div>
          <div>{{bean[0].coloursUnit}} 元</div>
        </td>
      </tr>
      <tr>
        <td>
          <div>黑白起始量：</div>
          <div>{{bean[0].blackInit?bean[0].blackInit:'-'}} 张</div>
        </td>
        <td>
          <div>黑白结束量：</div>
          <div>{{bean[0].blackEnd?bean[0].blackEnd:"-"}} 张</div>
        </td>
        <td>
          <div>黑白打印总量：</div>
          <div>{{bean[0].blackEnd && bean[0].blackInit?bean[0].blackEnd-bean[0].blackInit:"-"}} 张</div>
        </td>
      </tr>
      <tr>
        <td>
          <div>彩色起始量：</div>
          <div>{{bean[0].coloursInit?bean[0].coloursInit:'-'}} 张</div>
        </td>
        <td>
          <div>彩色结束量：</div>
          <div>{{bean[0].coloursEnd?bean[0].coloursEnd:"-"}} 张</div>
        </td>
        <td>
          <div>彩色打印总量：</div>
          <div>{{bean[0].coloursEnd && bean[0].coloursInit?bean[0].coloursEnd-bean[0].coloursInit:"-"}} 张</div>
        </td>
      </tr>
      <tr>
        <td style="text-align:left;margin-left:10%;">备注：{{bean[0].remark?bean[0].remark:'-'}}</td>
      </tr>
      <tr>
        <td>
          <h4 class="extra-td">
            <div style="text-align: right; padding-bottom: 10px">终止方式：
              <span *ngIf="bean[0].status == 2">到期终止</span>
              <span *ngIf="bean[0].status == 3">提前终止</span>
              <span *ngIf="bean[0].status !==3 && bean[0].status !== 2">--</span>
            </div>
            <div style="text-align: right">终止日期：
              <span *ngIf="bean[0].status == 3 || bean[0].status == 2">{{bean[0].dateUpdate?bean[0].dateUpdate.slice(0,10):'-'}}</span>
              <span *ngIf="bean[0].status !== 3 && bean[0].status !== 2">--</span>
            </div>
          </h4>
        </td>
      </tr>
    </table>
    <p style="padding-top: 20px; text-align: center">注解：套餐金额，黑白、彩色送量，黑白、彩色单价</p>
  </div>
</div>